﻿body
{
	padding: 0;
	margin: 0;
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
}

div.frame1
{
	border: 1px solid #202020;
	border-radius: 7px;
	width: 421px;
	height: 386px;
}

div.frame2
{
	border: 1px solid #EBEBEB;
	border-radius: 6px;
	width: 419px;
	height: 384px;
	background-color: #9C9C9C;
	background-image: url("images/frame-gradient.png");
	background-repeat: repeat-x;
}

div div img
{
	margin-top: 5px;
	margin-left: 10px;
	float: left;
}

div div span
{
	margin-left: 6px;
	margin-top: 5px;
	padding: 0;
	float: left;
}

div.pad-frame
{
	border: 1px solid #D8D8D8;
	margin-left: 4px;
	margin-top: 26px;
	height: 352px;
	width: 408px;
	background-color: #D9E4F1;
	background-image: url("images/pad-gradient.png");
	background-repeat: repeat-x;
}

div.pad
{
	border: 1px solid #525252;
	height: 350px;
}

div.menu
{
	border-color: #B6BCCC;
	border-style: solid;
	border-top-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	height: 18px;
	background-color: #F6F8FC;
	background-image: url("images/menu-gradient.png");
}

ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	padding-right: 10px;
}

button
{
	margin: 0;
	padding: 0;
	background: none;
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	border: 1px solid transparent;
	width: 36px;
	margin-top: 1px;
	margin-left: 1px;
}

	button::first-letter
	{
		text-decoration: underline;
	}

	button:hover
	{
		border: 1px solid #B0B1B1;
		border-radius: 3px;
	}

div.display-frame
{
	border: 1px solid #8E9CAD;
	border-radius: 3px;
	height: 48px;
	margin-top: 11px;
	margin-left: 11px;
	margin-right: 12px;
}

div.display
{
	border: 1px solid white;
	border-radius: 1px;
	height: 46px;
	background-color: white;
	background-image: url("images/display-gradient.png");
	background-repeat: repeat-x;
}

div.hex-frame
{
	border: 1px solid #8696AA;
	border-radius: 3px;
	margin-top: 5px;
	margin-left: 11px;
	margin-right: 12px;
	height: 59px;
}

div.hex
{
	border: 1px solid white;
	border-radius: 1px;
	background-color: #D9E4F1;
	height: 57px;
}

div.radio-frame
{
	border: 1px solid #8696AA;
	border-radius: 3px;
	margin-top: 5px;
	margin-left: 11px;
	margin-right: 3px;
	height: 89px;
	width: 72px;
	background-color: #D9E4F1;
	float: left;
}

form ul
{
	margin: 0;
	margin-top: 2px;
}

form li
{
	margin: 0;
	margin-top: 2px;
	height: 18px;
}

form label
{
	color: #1E395B;
}

label.hex
{
	font-family: Consolas;
	font-size: 12px;
	color: #1E395B;
	margin-left: 17px;
}

label.hex1
{
	margin-left: 0;
}

label.hex2
{
	margin-left: 175px;
}

label.hex3
{
	margin-left: 141px;
}

label.hex4
{
	margin-left: 148px;
}

label.hex-num
{
	color: #666666;
}

div.hex-line
{
	height: 13px;
	margin-left: 5px;
}

table
{
	border: 1px solid transparent;
	margin-left: 0;
	margin-top: 2px;
	float: left;
}

td
{
	border: 1px solid black;
	width: 31px;
	height: 25px;
}

section
{
	height: 98px;
}

	section button
	{
		border: 1px solid #8696AA;
		border-radius: 2px;
		color: #1E395B;
		width: 34px;
		height: 25px;
		margin-left: 2px;
		margin-bottom: 3px;
	}

		section button:first-letter
		{
			text-decoration: none;
		}

	section div.buttons
	{
		padding-top: 4px;
	}

	section div.buttons11
	{
		border: 1px solid transparent;
		padding-top: 3px;
		width: 271px;
		float: left;
	}

	section div.buttons111
	{
		margin-bottom: 4px;
	}

	section div.buttons1
	{
		float: left;
	}

button.zero
{
	width: 73px;
}

button.double-button
{
	margin-top: 5px;
	margin-left: 3px;
	height: 58px;
	background-image: url("images/double-gradient.png");
}

	button.double-button:hover
	{
		border: 1px solid #FFDB00;
		background-image: url("images/double-hover-gradient.png");
	}

button.disabled
{
	background-color: #D9E4F1;
	border-color: #B4C2D1;
}

button.digit
{
	background-image: url("images/digit-gradient.png");
}

	button.digit:hover
	{
		border: 1px solid #FFDB00;
		background-image: url("images/hover-gradient.png");
	}

button.main
{
	background-image: url("images/main-gradient.png");
}

	button.main:hover
	{
		border: 1px solid #FFDB00;
		background-image: url("images/hover-gradient.png");
	}

button.ems:hover
{
	background-image: url("images/ems-hover-gradient.png");
}
